<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>健康商城</title>
    <link rel="stylesheet" href="css/jksc.css" />
    <link rel="stylesheet" href="css/common.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/swiper.min.css">
</head>
<body>
    <div class="page-wrap">
        <div class="page-container">
            <div class="head">
                <img class="head-logo" src="img/logo.png">
                <p class="head-num">
                    <img class="head-num-icon" src="img/head-num.png">
                    <i>400-100-4388</i>
                </p>
            </div>
            <div class="nav">
                <ul class="nav-list">
                    <li class="nav-list-f"><a href="/" class="nav-list-f">首页</a></li>
                    <li><a href="/intro.html">企业介绍</a></li>
                    <li><a href="#" class="select">健康商城</a></li>
                    <li><a href="/news.html">新闻资讯</a></li>
                    <li><a href="#">养生资讯</a></li>
                </ul>
                <p class="nav-right">
                    <a href="#">马上预约</a>
                    <span></span>
                    <a href="#">查看报告</a>
                </p>
            </div>
        </div>
    </div>
    <div class="banner">
        <img src="" alt="">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="img/index/banner.jpg" alt=""></div>
                <div class="swiper-slide"><img src="img/index/banner.jpg" alt=""></div>
                <div class="swiper-slide"><img src="img/index/banner.jpg" alt=""></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <!-- Add Arrows -->
            <div class="nextprev-button">
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
        </div>

    </div>
    <div class="discount">
        <div class="discount-container">
            <div class="discot dis-marginl">
                <div class="discount-left">
                    <p class="dis-left-text">
                        <span class="dis-left-text1">￥</span>
                        <span class="dis-left-text2">50</span>
                        <!--<p>-->
                            <span class="dis-left-text3">优惠券</span>
                            <span class="dis-left-text4">有效期2017/5/20</span>
                        <!--</p>-->
                    </p>
                    <p class="dis-left-bottom">限家庭服务套餐两件</p>
                </div>
                <button class="discount-right"></button>
            </div>
            <div class="discot">
                <div class="discount-left">
                    <p class="dis-left-text">
                        <span class="dis-left-text1">￥</span>
                        <span class="dis-left-text2">30</span>
                        <!--<p>-->
                        <span class="dis-left-text3">优惠券</span>
                        <span class="dis-left-text4">有效期2017/5/20</span>
                        <!--</p>-->
                    </p>
                    <p class="dis-left-bottom">限居家养老套餐两件</p>
                </div>
                <button class="discount-right"></button>
            </div>
            <div class="discot">
                <div class="discount-left">
                    <p class="dis-left-text">
                        <span class="dis-left-text1">￥</span>
                        <span class="dis-left-text2">10</span>
                        <!--<p>-->
                        <span class="dis-left-text3">优惠券</span>
                        <span class="dis-left-text4">有效期2017/5/20</span>
                        <!--</p>-->
                    </p>
                    <p class="dis-left-bottom">限任意商品或套餐</p>
                </div>
                <button class="discount-right"></button>
            </div>
        </div>
    </div>
    <div class="title"></div>
    <div class="packages">
        <dl>
            <dd><img src="img/health/medic1.jpg" alt=""></dd>
            <dt>
                <p class="package-title">家庭健康服务 基础套餐</p>
                <p class="package-text">医聚医疗体检卡套餐 中老年人专项排查 父母体检 北上广深苏州杭州</p>
                <p  class="package-price">
                    ￥<span class="package-price-new">599</span>
                    <span class="package-price-old">￥1299</span>
                </p>
                <p  class="package-buy">
                 <span>立即购买</span>
                    <img src="img/health/cnt.png" alt="">
                </p>
            </dt>
        </dl>
        <dl>
            <dd><img src="img/health/medic2.jpg" alt=""></dd>
            <dt>
            <p class="package-title">家庭健康服务 升级套餐</p>
            <p class="package-text">医聚医疗体检卡套餐 中老年人专项排查 父母体检 北上广深苏州杭州</p>
            <p  class="package-price">
                ￥<span class="package-price-new">899</span>
                <span class="package-price-old">￥1999</span>
            </p>
            <p  class="package-buy">
                <span>立即购买</span>
                <img src="img/health/cnt.png" alt="">
            </p>
            </dt>
        </dl>
        <dl class="pack-marginr">
            <dd><img src="img/health/medic3.jpg" alt=""></dd>
            <dt>
            <p class="package-title">居家养老服务 普通套餐</p>
            <p class="package-text">医聚医疗体检卡套餐 中老年人专项排查 父母体检 北上广深苏州杭州</p>
            <p  class="package-price">
                ￥<span class="package-price-new">1299</span>
                <span class="package-price-old">￥2099</span>
            </p>
            <p  class="package-buy">
                <span>立即购买</span>
                <img src="img/health/cnt.png" alt="">
            </p>
            </dt>
        </dl>
        <dl>
            <dd><img src="img/health/medic1.jpg" alt=""></dd>
            <dt>
            <p class="package-title">家庭健康服务 基础套餐</p>
            <p class="package-text">医聚医疗体检卡套餐 中老年人专项排查 父母体检 北上广深苏州杭州</p>
            <p  class="package-price">
                ￥<span class="package-price-new">599</span>
                <span class="package-price-old">￥1299</span>
            </p>
            <p  class="package-buy">
                <span>立即购买</span>
                <img src="img/health/cnt.png" alt="">
            </p>
            </dt>
        </dl>
        <dl>
            <dd><img src="img/health/medic2.jpg" alt=""></dd>
            <dt>
            <p class="package-title">家庭健康服务 升级套餐</p>
            <p class="package-text">医聚医疗体检卡套餐 中老年人专项排查 父母体检 北上广深苏州杭州</p>
            <p  class="package-price">
                ￥<span class="package-price-new">899</span>
                <span class="package-price-old">￥1999</span>
            </p>
            <p  class="package-buy">
                <span>立即购买</span>
                <img src="img/health/cnt.png" alt="">
            </p>
            </dt>
        </dl>
        <dl>
            <dd><img src="img/health/medic3.jpg" alt=""></dd>
            <dt>
            <p class="package-title">家庭健康服务 普通套餐</p>
            <p class="package-text">医聚医疗体检卡套餐 中老年人专项排查 父母体检 北上广深苏州杭州</p>
            <p  class="package-price">
                ￥<span class="package-price-new">1299</span>
                <span class="package-price-old">￥2099</span>
            </p>
            <p  class="package-buy">
                <span>立即购买</span>
                <img src="img/health/cnt.png" alt="">
            </p>
            </dt>
        </dl>
    </div>
    <div class="bottom">
        <div class="bottom-container">
            <div class="bottom-logo">
                <img src="img/bottom-logo.png" alt="">
            </div>
            <div class="bottom-text">
                <p class="bottom-text-num">
                    <span>全国咨询热线：400-100-4388</span>
                    <span>咨询QQ：897954687</span>
                </p>
                <p class="bottom-text-link">
                    <a href="intro.html" class="bottom-link-marginl">关于我们</a>
                    <span></span>
                    <a href="contact.html" class="bottom-link-normal">联系我们</a>
                    <span></span>
                    <a href="#" class="bottom-link-normal">投资合作</a>
                    <span></span>
                    <a href="recruit.html" class="bottom-link-marginr">人才招聘</a>
                </p>
                <p class="bottom-text-copy">Copyright&copy;2017浙江医聚电子商务有限公司 WWW.yjyl.com All Right Reserved</p>
            </div>
            <div class="bottom-wx">
                <img src="img/bottom-ewm.jpg" class="bottom-wxpic" alt="">
                <p>
                    <img src="img/bottom-wx-icon.png" alt="">
                    <span>微信公众号</span>
                </p>

            </div>
        </div>
    </div>
    <script src="js/swiper.min.js"></script>

    <!-- Initialize Swiper -->
    <script>
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            paginationClickable: true,
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: 2500,
            autoplayDisableOnInteraction: false
        });
    </script>
</body>
</html>
